<template>
  <div>
    <h2>{{ str }}</h2>
    <button @click.prevent="fz">翻转地球</button>
  </div>
</template>

<script>
export default {
  data () {
    return {
      str: 'Hello,World'
    }
  },
  methods: {
    fz () {
      this.str = this.str.split('').reverse().join('')
    }
  }
}
</script>

<style></style>
